<!DOCTYPE HTML>
<html>

	<head>

		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/index.css" />
		<title>阿迪达斯官方商城</title>
		<script src="libs/requirejs/require.js" data-main="/js/index"></script>
		<link rel="stylesheet" href="./libs/swiper/css/swiper.min.css">

	</head>

	<body>
		<div class="wrapper">
			<header></header>
			<section>
				<div class="carousel">
					<img src="./images/kv-pc-zjn.jpg" />
					<div class="item-info scroll-container">
						<a class="btn-info" href="#">即将发售
					<span class="gl-icon"></span></a>
					</div>
				</div>
				<div class="banner-video-box">
					<video class="banner-video-t" autoplay="autoplay" muted="muted" loop="loop">
  				<source src="./images/u1TjiRB1VS-30.mp4" type="video/mp4" />
			</video>
					<div class="item-info font-white">
						<h5>SUMMER</h5>
						<a class="btn-info" href="#">选购男子
						
					<span class="gl-icon"></span></a>
						<a class="btn-info" href="#">选购女子<span class="gl-icon"></span></a>

					</div>
				</div>
				<article class="article-banner">
					<div>
						<a href="#">
							<img src="images/rs-feature-pc.gif">
						</a>

						<div class="item-info font-black">
							<p>PRIDE PACK</p>
							<a class="btn-info" href="#">立即选购<span class="gl-icon"></span></a>

						</div>

					</div>
					<div>
						<a href="#"><img src="images/fc-feature-pc-01.jpg"></a>
						<div class="item-info font-black">
							<p>LXCON. OZWEEGO.</p>
							<a class="btn-info" href="#">立即选购<span class="gl-icon"></span></a>

						</div>
					</div>
				</article>
				<div class="sports-style">
					<img src="images/kv-pc-summerattack-ning.jpg" />
					<div class="item-info right">
						<a class="btn-info" href="#">立即选购<span class="gl-icon"></span></a>
						<a class="btn-info" href="#">了解更多<span class="gl-icon"></span></a>
					</div>
				</div>
				<article class="article-item one">
					<div>
						<a href="#"><img src="images/924-613-summerattack-men.jpg"></a>
						<div class="item-info font-white pyy">

							<a class="btn-info" href="#">立即选购<span class="gl-icon"></span></a>

						</div>
					</div>
					<div>
						<a href="#"><img src="images/924-613-pokemon-notext.jpg"></a>
						<div class="item-info font-white pyy">

							<a class="btn-info" href="#">立即选购<span class="gl-icon"></span></a>

						</div>
					</div>

				</article>
				<div class="thumbnail">
					<div>
						<a href="#">
							<img src="images/summer-silos.png" />
							<p>SUMMER 男子系列</p>
						</a>
					</div>
					<div>
						<a href="#">
							<img src="images/summer-silos-02.png" />
							<p>SUMMER 女子系列</p>
						</a>
					</div>
					<div>
						<a href="#">
							<img src="images/nj-silo.png" />
							<p>NITE JOGGER 男子系列</p>
						</a>
					</div>
					<div>
						<a href="#">
							<img src="images/nj-silos-02.png" />
							<p>NITE JOGGER 女子系列</p>
						</a>
					</div>

				</div>

				<article class="article-item two">
					<div>
						<a href="#"><img src="images/924-613-sakura.jpg"></a>
					</div>
					<div>
						<a href="#"><img src="images/924-613-alphaedge4dv1.jpg"></a>
					</div>
					<div>
						<a href="#"><img src="images/924-613-wm.jpg"></a>
					</div>

					<div>
						<a href="#"><img src="images/BB-feature-pc.jpg"></a>
					</div>

				</article>
				<div class="thumbnail two">
					<div>
						<a href="#">
							<img src="images/UB19-Silov1.png" />
							<p>UltraBOOST 跑步鞋</p>
						</a>
					</div>
					<div>
						<a href="#">
							<img src="images/clima-silo-01.png" />
							<p>CLIMA 清风系列</p>
						</a>
					</div>
					<div>
						<a href="#">
							<img src="images/clima-silos2.png" />
							<p>CLIMACOOL 男子跑步鞋</p>
						</a>
					</div>
					<div>
						<a href="#">
							<img src="images/clima-silos1.png" />
							<p>CLIMACOOL 男女跑步鞋</p>
						</a>
					</div>

				</div>
				<div class="sports-style two">
					<img src="images/1920-720-neo-may.jpg" />
				</div>
				<article class="sub-banner">
					<div class="minmap">
						<div class="top">
							<div>
								<a href="#"><img src="images/3stripes-ucg-pc_01.jpg"></a>
							</div>
							<div>
								<a href="#"><img src="images/3stripes-ucg-pc_02.jpg"></a>
							</div>
							<div>
								<a href="#"><img src="images/3stripes-ucg-pc_03.jpg"></a>
							</div>
							<div>
								<a href="#"><img src="images/3stripes-ucg-pc_04.jpg"></a>
							</div>
						</div>
						<div class="bottom">
							<div>
								<a href="#"><img src="images/3stripes-ucg-pc_05.jpg"></a>
							</div>
							<div>
								<a href="#"><img src="images/3stripes-ucg-pc_06.jpg"></a>
							</div>
							<div>
								<a href="#"><img src="images/3stripes-ucg-pc_07.jpg"></a>
							</div>
							<div>
								<a href="#"><img src="images/3stripes-ucg-pc_08.jpg"></a>
							</div>
						</div>
					</div>
				</article>
				<article class="article-text">
					<div class="item-info font-black su">
						<h5 class="second-title">SUMMER</h5>
						<p class="again">再掀夏季潮流旋风</p>
						<a class="btn-info" href="#">立即选购<span class="gl-icon"></span></a>

					</div>

				</article>
				<article class="artical-week-best">
					<h3 class="title-recommd-product">本周热卖</h3>
					<div class="swiper-container">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<a href="#"><img src="images/15481275025305757_324X324.jpg" alt="" />
								<div>
									<p>SUPERSTAR 经典鞋</p>
									<p>¥799</p>
								</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="#"><img src="images/15502210146609184_324X324.jpg" alt="" />
								<div>
									<p>UltraBOOST Uncaged 男子跑步鞋</p>
									<p>¥599</p>
								</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="#"><img src="images/15574670310403218_324X324.jpg" alt="" />
								<div>
									<p>ADILETTE PRIDE 拖鞋</p>
									<p>¥399</p>
								</div>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="#"><img src="images/15549736770922970_324X324.jpg" alt="" />
								<div>
									<p>ADILETTE 拖鞋</p>
									<p>¥399</p>
								</div>
								</a>
							</div>
							<div class="swiper-slide">
								<img src="images/15584089108667395_324X324.jpg" alt="" />
								<div>
									<p>UltraBOOST Uncaged 男子跑步鞋</p>
									<p>¥1099</p>
								</div>
							</div>
							<div class="swiper-slide">
								<img src="images/15584089108667395_324X324.jpg" alt="" />
								<div>
									<p>UltraBOOST Uncaged 男子跑步鞋</p>
									<p>¥1099</p>
								</div>
							</div>
							<div class="swiper-slide">
								<img src="images/15584089108667395_324X324.jpg" alt="" />
								<div>
									<p>UltraBOOST Uncaged 男子跑步鞋</p>
									<p>¥1099</p>
								</div>
							</div>
							<div class="swiper-slide">
								<img src="images/15584089108667395_324X324.jpg" alt="" />
								<div>
									<p>UltraBOOST Uncaged 男子跑步鞋</p>
									<p>¥1099</p>
								</div>
							</div>
							<div class="swiper-slide">
								<img src="images/15584089108667395_324X324.jpg" alt="" />
								<div>
									<p>UltraBOOST Uncaged 男子跑步鞋</p>
									<p>¥1099</p>
								</div>
							</div>
							<div class="swiper-slide">
								<img src="images/15584089108667395_324X324.jpg" alt="" />
								<div>
									<p>UltraBOOST Uncaged 男子跑步鞋</p>
									<p>¥1099</p>
								</div>
							</div>
							<div class="swiper-slide">
								<img src="images/15584089108667395_324X324.jpg" alt="" />
								<div>
									<p>UltraBOOST Uncaged 男子跑步鞋</p>
									<p>¥1099</p>
								</div>
							</div>
							<div class="swiper-slide">
								<img src="images/15584089108667395_324X324.jpg" alt="" />
								<div>
									<p>UltraBOOST Uncaged 男子跑步鞋</p>
									<p>¥1099</p>
								</div>
							</div>
							<div class="swiper-slide">
								<img src="images/15584089108667395_324X324.jpg" alt="" />
								<div>
									<p>UltraBOOST Uncaged 男子跑步鞋</p>
									<p>¥1099</p>
								</div>
							</div>
							<div class="swiper-slide">
								<img src="images/15584089108667395_324X324.jpg" alt="" />
								<div>
									<p>UltraBOOST Uncaged 男子跑步鞋</p>
									<p>¥1099</p>
								</div>
							</div>
							<div class="swiper-slide">
								<img src="images/15584089108667395_324X324.jpg" alt="" />
								<div>
									<p>UltraBOOST Uncaged 男子跑步鞋</p>
									<p>¥1099</p>
								</div>
							</div>
							<div class="swiper-slide">
								<img src="images/15584089108667395_324X324.jpg" alt="" />
								<div>
									<p>UltraBOOST Uncaged 男子跑步鞋</p>
									<p>¥1099</p>
								</div>
							</div>
						</div>
						<!-- 如果需要分页器 -->
						<div class="swiper-pagination"></div>

						<!-- 如果需要导航按钮 -->
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>

					</div>
				</article>
			</section>
			<footer></footer>
		</div>

	</body>

</html>